<?php

use yii\helpers\Html;

$this->title = '系统回复';

?>


<section class="wrapper site-min-height">
    <!-- page start-->
    <section class="panel">
        <header class="panel-heading">
            <?= Html::a('返回', 'javascript:history.back(-1)'); ?>  <?= Html::encode($this->title) ?>
        </header>
        <div class="panel-body">
            <div class="adv-table editable-table ">


                <div class="clearfix">
                    <form class="form form-horizontal" action="" method="post">
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 col-md-2 control-label">欢迎信息关键字:</label>
                            <div class="col-sm-9 col-xs-12" style="position:relative">
                                <div class="input-group">
                                    <input type="text" name="welcome" class="form-control" id="welcomeinput"
                                           value="<?= $welcome ?>" placeholder="可根据关键字直接关联指定的回复规则"
                                           autocomplete="off"/>
                                    <div class="input-group-btn">
                                                <span class="btn btn-primary" id="welcome_search"><i
                                                            class="fa fa-search"></i> 搜索</span>
                                    </div>
                                </div>
                                <div id="welcome_menu"
                                     style="width:100%;position:absolute;top:32px;left:16px;display:none;z-index:10000">
                                    <ul class="dropdown-menu"
                                        style="display:block;width:91%;height:400px;overflow-y:scroll;"></ul>
                                </div>
                                <div class="help-block">设置用户添加公众帐号好友时，发送的欢迎信息。</div>
                                <div class="help-block">
                                    指定用户添加公众帐号好友时，发送的欢迎信息, 你可以在这里输入关键字, 那么用户添加公众号好友时就相当于发送这个内容至途火系统<br>
                                    这个过程是程序模拟的, 比如这里添加关键字: 欢迎关注, 那么用户添加公众号好友时, 途火系统相当于接受了粉丝用户的消息, 内容为"欢迎关注"
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 col-md-2 control-label">默认回复关键字:</label>
                            <div class="col-sm-9 col-xs-12">
                                <div class="input-group">
                                    <input type="text" name="default" class="form-control" id="defaultinput"
                                           value="<?= $default ?>" placeholder="可根据关键字直接关联指定的回复规则"/>
                                    <div class="input-group-btn">
                                                <span class="btn btn-primary search" id="default_search"><i
                                                            class="fa fa-search"></i> 搜索</span>
                                    </div>
                                </div>
                                <div id="default_menu"
                                     style="width:100%;position:absolute;top:32px;left:16px;display:none;z-index:10000">
                                    <ul class="dropdown-menu"
                                        style="display:block;width:91%;height:400px;overflow-y:scroll"></ul>
                                </div>
                                <div class="help-block">当系统不知道该如何回复粉丝的消息时，默认发送的内容。</div>
                                <div class="help-block">
                                    指定系统不知道该如何回复粉丝的消息时，发送的默认信息, 你可以在这里输入关键字,
                                    那么系统不知道该如何回复粉丝的消息时就相当于发送这个内容至途火系统<br>
                                    这个过程是程序模拟的, 比如这里添加关键字: ￥@%&%#@*, 系统不知道该如何回复粉丝的消息, 途火系统相当于接受了粉丝用户的消息,
                                    内容为"￥@%&%#@*"
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12">
                                <input name="submit" type="submit" value="提交" class="btn btn-primary col-lg-1"/>
                                <input type="hidden" name="_csrf" value="<?= Yii::$app->request->csrfToken ?>">
                            </div>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </section>
</section>


<script>
    <?php $this->beginBlock('js'); ?>
    function select_keyword(clickid, menuid, inputid) {
        $(clickid).click(function () {
            var search_value = $(inputid).val();
            $('body').append('<div class="layer_bg"></div>');
            $('.layer_bg').height($(document).height());
            $('.layer_bg').css({width: '100%', position: 'absolute', top: '0', left: '0', 'z-index': '0'});
            $.post("<?= \yii\helpers\Url::to(['/wechat/sys-reply/search-kwd']); ?>", {'key_word': search_value}, function (data) {
                var data = $.parseJSON(data);
                var total = data.length;
                var html = '';
                if (total > 0) {
                    for (var i = 0; i < total; i++) {
                        html += '<li><a href="javascript:;">' + data[i] + '</a></li>';
                    }
                } else {
                    html += '<li><a href="javascript:;" class="no-result">没有匹配到您输入的关键字</a></li>';
                }
                $(menuid + ' ul').html(html);
                $(menuid + ' ul li a[class!="no-result"]').click(function () {
                    $('.layer_bg').remove();
                    $(inputid).val($(this).html());
                    $(menuid).hide();
                });
                $(menuid).show();
            });
            $('.layer_bg').click(function () {
                $(menuid).hide();
                $(this).remove();
            });

        });
        $(inputid).keydown(function (event) {
            if (event.keyCode == 13) {
                $(clickid).click();
                return false;
            }
        });
    }

    select_keyword('#welcome_search', '#welcome_menu', '#welcomeinput');
    select_keyword('#default_search', '#default_menu', '#defaultinput');
    <?php $this->endBlock('js');  ?>
    <?php $this->registerJs($this->blocks['js'],\yii\web\View::POS_END);  ?>
</script>